/*
* @Author: Hori
* @Date:   2017-09-23 16:39:55
* @Last Modified by:   Hori
* @Last Modified time: 2017-09-23 23:13:36
*/
	*{
		margin: 0px;
		padding: 0px;
		font-family: "微软雅黑";
	}

	body{
		min-width: 1280px;
	}
	header {
		background-color: #fff;
		height: 56px;
		overflow: hidden;
	}
	/*左边*/
	header .logo{
		float: left;				
		font-size: 26px;
		margin-left: 52px;		
	}
	header .logo img{
		margin-top: 10px;
		padding-bottom: 15px;
		vertical-align: middle;
	}
	/*右边*/
	header .login{
		float: right;	
		margin-left:30px;
		position: relative; 			
	}
	header .login img{
		margin-top: 20px;
		padding-bottom: 20px;
		vertical-align: middle;
	}
	header .login a{
		color: #e74f4d;
		font-size:15px;
		font-weight: bold;
		text-decoration: none;
		margin: 0 40px 0 0;
	}	
	header .login .login-bottom{		
		position: absolute;
		left: 15px;
		bottom: 15px;
		width: 0;
		border-top: 2px solid #EA6F6E;
		transition: width .2s ease-in-out;
		-webkit-transition: width .2s ease-in-out;

	}
	header .login a:hover~ .login-bottom{
		width: 40px;
	}

	/*导航*/
	header .nav-list{
		float: right;
		position: relative;	
		list-style: none;					
	}
	header .nav-list li{
		display: inline-block;
		width: 110px;
		height: 56px;
		text-align: center;			
	}
	header .nav-list li a{
		font-size: 15px;
		text-decoration: none;
		height: 56px;
		line-height: 56px;
		width: 100%;
		color: #8e9197;
	}
	header .nav-list .nav-list-bottom{
		position: absolute;
		height: 52px;
		width: 110px;
		top: 52px;
		left: 0;
		border-top: 4px solid #EA6F6E;
		transition: left .2s  ease-in-out;
		-webkit-transition: left .2s  ease-in-out;
	}
	header .nav-list li:nth-child(1):hover~ .nav-list-bottom{
		left: 0px;		
	}
	header .nav-list li:nth-child(2):hover~ .nav-list-bottom{
		left: 110px;		
	}
	header .nav-list li:nth-child(3):hover~ .nav-list-bottom{
		left: 220px;		
	}
	header .nav-list li:nth-child(4):hover~ .nav-list-bottom{
		left: 330px;		
	}
	header .nav-list li:nth-child(5):hover~ .nav-list-bottom{
		left: 440px;		
	}

	/*first*/
	.first-part {
		height: 700px;
		background: url("../images/task_1_7_1_10.png") no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		position: relative;
	}
	.first-part .mask{
		height: 700px;		
		background-color:#000;
		-webkit-background-size: cover;
		background-size: cover;
		opacity: .3;
	}

	.first-part .box{
		position: absolute;
		top: 225px ;
		left:  113px;
		color: #fff;
	}
	.first-part h1{
		font-size: 60px;
		font-weight: 500;
	}
	.first-part p{
		line-height: 30px;
		font-size: 21px;
		padding: 10px;
	}
	.first-part a{
		display: inline-block;
		text-align: center;
		text-decoration: none;
		background-color: #e74f4d;
		height: 50px;
		line-height: 50px;
		width: 230px;
		font-size: 30px;
		font-weight: 300;
		padding: 10px 55px;
		letter-spacing: 3px;
		margin-top: 50px;
		margin-left: 10px;
		color: #fff;
		transition: all .2s ease-in;
	}
	.first-part a:hover{
		color: #e74f4d;
		background-color: #fff;
	}

	/*second part*/
	.second-part{
		height: 250px;
		font-size: 0;
	}

	.second-part .sec-intro {
		width: 25%;
		height: 170px;
		display: inline-block;
		text-align: center;						
	}
	.second-part .sec-intro img{
		margin: 40px auto;		
	}
	.second-part .sec-intro .detail{
		text-align: center;
		font-size: 14px;
		color: #8d8d8d;
		width: 100%;
		height: 51px;
		border-right: 1px solid #8d8d8d;
		cursor: pointer;	
		transition: all .4s ease-in;
		-webkit-transition: all .4s ease-in;
	}
	.second-part .sec-intro .detail:hover{
		color: #e74f4d;		
	}
	.second-part .sec-intro:last-child .detail{
		border: none;
	}
	/*third part*/
	.third-part{
		text-align: center;
		height: 360px;
		background-color: #ededec;
	}
	.third-part img{
		margin-top:80px;
	} 
	.third-part .detail{
		margin-top: 30px;
		color:#a1a1a1;
		font-size: 48px;
		letter-spacing: 5px;
	}
	/*fourth part*/
	.fourth-part {
		text-align: center;
		height: 340px;
		color: #fff;
		background: url("../images/task_1_7_1_30.png") no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		position: relative;
	}
	.fourth-part .mask{
		height: 340px;
		background-color: #be4e48;
		opacity: .3;
		-webkit-background-size: cover;
		background-size: cover;
	}
	
	.fourth-part .box{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;		
		height: 100%;
	}
	.fourth-part .para-1{
		cursor: pointer;
		font-size: 23px;
		padding: 30px 0 0 0;
		margin-bottom: 10px;	
	}
	.fourth-part span{
		display: inline-block;
		width: 30px;
		height: 10px;
		border-top: 2px solid #FFFFFF;
		transition: width 0.3s ease-in-out;
		-webkit-transition: width 0.3s ease-in-out;
	}
	.fourth-part .para-1:hover~ span{
		width: 280px;
    	
	}
	.fourth-part .para-2{
		font-size: 12px;
		margin-bottom:50px;
	}
	.fourth-part select{
		color: #b5b7b7;
		width: 234px;
		height: 36px;
		padding-left: 5px;
		margin-left: 28px;
		outline-color:  #be4e48;
	}
	.fourth-part input[type="submit"]{
		width: 234px;
		height: 36px;
		margin-left: 28px;
		padding-left: 20px;
		background-color: #be4e48;
		color: #FFFFFF;
		font-size: 15px;
		font-weight: 700;
		letter-spacing: 20px;
		border: none;
	}
	/*fifth part*/
	.fifth-part{
		background-color: #f7f7f7;
		height: 605px;	
		text-align: center;
	}
	.fifth-part .box{
		padding-top: 100px;
	}
	.fifth-part .figure{
		display: inline-block;
		margin-right: 30px;
	}
	.fifth-part .box  .figure img{
		border: 1px solid #e1e1e1;
		padding: 10px 5px;
		background-color: #FFFFFF;
	}
	.fifth-part .box  .figure .figcaption .act-place{
		color: #323333;
		font-size:14px;
		font-weight: bold;
		margin: 5px 0;
	}

	.fifth-part .box .figure .figcaption .act-title{
		font-size: 12px;
		color: #9f9f9f;
		margin: 5px 0;
	}
	.fifth-part .box .figure .figcaption .act-em{
		letter-spacing: 38px;
		padding-left: 30px;	
		margin:0 -22px; 
		font-size: 19px;
	}
	/*sixth part*/
	.sixth-part{
		height: 566px;
		overflow: hidden;
	}
	.sixth-part .page-left{
		width: 66.6%;
		height: 566px;		
		background: url("../images/task_1_7_1_47.png");
		-webkit-background-size: cover;
		background-size: cover;
		float: left;
	}
	.sixth-part .page-left .box{
		margin: 120px auto;
		width: 400px;
		text-align: center;
		color: #fff;
		font-size: 21px;
	}
	.sixth-part .page-left .box .para-1{
		font-size: 47px;
	}
	.sixth-part .page-left .box .para-2{
		font-size: 160px;
		margin-top: -40px;
	}
	.sixth-part .page-left .box .para-4{
		margin-top: 20px;
		margin-left: -20px;
	}	
	.sixth-part .page-right{
		width: 33.4%;
		height: 566px;
		float: right;	
	}
	.sixth-part .page-right .box{
		margin: 180px 80px;
		text-align: center;
	}
	.sixth-part .page-right .box .para-1{
		font-size: 22px;
	}
	.sixth-part .page-right .box .para-1 span{
		color: #e74f4d;
	}

	.sixth-part .page-right .box .para-2{
		width: 322px;
		line-height: 25px;
		color: #aaaaa9;
		font-size: 14px;
		text-align: left;
		margin: 30px auto;
		padding-bottom: 30px;
	} 
	.page-right  a{
		padding: 5px 15px;
		text-decoration: none;
		color: #e74f4d;
		border: 1px solid #e74f4d;
		transition: all 0.2s ease-in;
		-webkit-transition: all .2s ease-in;
	}
	.page-right  a:hover{
		color: #FFFFFF;
		background-color: #E74F4D;
		border-color: #FFFFFF;	
	}	
	.sixth-part .page-right .box .slider-list{
		list-style-type: none;
		margin-top: 40px;
		height: 12px;
		margin-left: 115px;
	}
	.sixth-part .page-right .box .slider-list li{
		float: left;
		width: 10px;
		height: 10px;
		border: #aaaaa9 solid 1px;
		border-radius: 6px;
		margin-right: 14px;
	}
	.sixth-part .page-right .box .slider-list li:nth-child(1){
		background-color: #aaaaa9;
	}
	
	/*seventh part*/
	
	.seventh-part{
		height: 520px;
		font-size: 19px;
		color: #FFFFFF;
	}

	.seventh-part a{
		padding: 10px 30px;
		text-decoration: none;
		transition: all 0.2s ease-in;
		-webkit-transition: all .2s ease-in;
	}

	.seventh-part span{
		display: inline-block;
		width: 30px;
		height: 5px;
		margin: 20px;
		transition: width 0.4s ease-in-out;
		-webkit-transition: width 0.4s ease-in-out;
	}
	.seventh-part .left a{
		color: #FFFFFF;
		border: 1px solid #FFFFFF;
	}

	.seventh-part .left a:hover{
		color: #e74f4d;
		background-color: #ffffff;
	}

	.seventh-part .center a{
		color: #e74f4d;
		border: 1px solid #e74f4d;
	}

	.seventh-part .center a:hover{
		color: #FFFFFF;
		background-color: #e74f4d;
	}

	.seventh-part .left{
		text-align: center;
		float: left;
		width: 33.3%;
		height: 520px;
		background-color: #e74f4d;
	}


	.seventh-part .left span{
		border-top: 2px solid #FFFFFF;
	}

	.seventh-part .para:hover~ span{
		width: 160px;
	}

	.seventh-part .center{
		text-align: center;
		float: left;
		width: 33.3%;
		height: 520px;
		color: #e74f4d;
		background-color: #FFFFFF;
		
	}

	.seventh-part .center span{
		border-top: 2px solid #abaaaa;
	}


	.seventh-part .para{
		cursor: pointer;
		
		margin-top: 169px;
		line-height: 30px;
		
	}

	.seventh-part .right {
		float: right;
		width: 33.3%;
		height: 520px;
		position: relative;
		background: url(../images/task_1_7_1_50.png) no-repeat;
		background-size: cover;
	}
	.seventh-part .right .r-triangle{
		border-top: 18px solid transparent;
		border-bottom: 18px solid transparent;
		border-left: 30px solid #FFFFFF;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -18px;
	}

	/*eighth part*/
	.eighth-part {
		height: 750px;
		text-align: center;
	}
	.eighth-part .terms{
		float: left;
		width: 25%;
		margin: 0 75px 50px 135px;
		font-size: 14px;
		color: #bcbbba;
		text-align: left;
	}
	.eighth-part .terms h3{		
		color: #000;
	}
	.eighth-part .terms p{
		display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 20px auto;

	}

	.eighth-part form{
		float: left;
		width: 55%;
	}
	.eighth-part .eighth-para{
		height: 270px;
	}
	.eighth-para h2{
		font-size: 18px;
		padding-top: 111px;
	}

	.eighth-para span{
		display: inline-block;
		margin-top: 10px;
		width: 30px;
		height: 10px;
		border-top: 2px solid #e74f4d;
		
		transition: width .3s ease-in-out;
		-webkit-transition: width .3s ease-in-out;
		
	}

	.eighth-para h2:hover~ span{
		width: 150px;
	}

	.eighth-para p{
		color: #b7b7b7;
		font-size: 10px;
	}

	.eighth-part form input[type="text"]{
		float: left;
		width: 40%;
		padding-left: 10px;
		margin: 0 10px 20px 20px ;
		height: 40px;
		line-height: 40px;
		background-color: #ededee;
		border:none;
	}
	.eighth-part form textarea{
		float: left;
		padding-left: 10px;		
		background-color: #ededee;
		border:none;
		width: 85%;
		margin: 0 10px 20px 20px ;
	}

	.eighth-part form input[type="submit"]{
		float: left;
		height: 40px;
		line-height: 40px;
		background-color: #ededee;
		border:none;
		width: 87%;
		margin: 0 10px 20px 20px ;
	}
	
	/* ninth part*/
	.ninth-part{
		height: 308px;
		text-align: center;
		background-color: #32353e;
		padding-top: 86px;
		color: #fff;
		font-size: 21px;
	}

	.ninth-part p:nth-child(2){
		font-size: 12px;
		margin-top: 10px;
	}

	.ninth-part form input{
		margin-top: 40px;
		width: 30%;
		font-size: 12px;
		height: 40px;
		padding-left: 10px;
		margin-right: -7px;
		border: none;
	}
	input::-webkit-input-placeholder {
         /* placeholder颜色  */
         color: #aab2bd;
         /* placeholder字体大小  */
         font-size: 12px;
        /* placeholder位置  */
	}
	.ninth-part .submit{
		background-color: #6f7178;
		color: #fff;
		border: none;
		width: 100px;
		letter-spacing: 10px;
		margin-bottom: 50px;
		font-size: 16px;

	}

	.ninth-part>a{
		margin:0 10px;
	}

	footer{
		background-color: #303039;
		height: 52px;
		width: 100%;
		bottom: 0;
		font-size: 12px;
		color: #fff;
	}

	footer span{
		float: left;
		padding: 20px 0 0 120px;
	}

	footer a{
		float: right;
		padding: 20px 50px 0 0;
		text-decoration: none;
		color: #fff;
	}